<jsp:include page="../pageheader.jsp"/>

<div class="container">
    <div class="jumbotron">
        <form class="form-horizontal">
            <div class="form-group">
                <label for="newUserNameField" class="col-xs-12 col-sm-2">Username</label>
                <div class="col-xs-12 col-sm-10">
                    <label id="newUserNameField" class="form-control">${user.getLogin().getUsername()}</label>
                </div>
            </div>
            <div class="form-group">
                <label for="newPasswordField" class="col-xs-12 col-sm-2">Password</label>
                <div class="col-xs-12 col-sm-10">
                    <input type="password" class="form-control" maxlength="70" id="newPasswordField" placeholder="Your Passsword" />
                </div>
            </div>
            <div class="form-group">
                <label for="nameField" class="col-xs-12 col-sm-2">Name</label>
                <div class="col-xs-12 col-sm-10">
                    <input type="text" class="form-control" maxlength="100" id="nameField" value="${user.getName()}" placeholder="Your Name" />
                </div>
            </div>
            <div class="form-group">
                <label for="identityNumberField" class="col-xs-12 col-sm-2">Identity Number</label>
                <div class="col-xs-12 col-sm-10">
                    <input type="number" class="form-control" maxlength="11" id="identityNumberField" value="${user.getBi()}" placeholder="Your Identity Number" />
                </div>
            </div>
            <div class="form-group ">
                <label for="emailField" class="col-xs-12 col-sm-2">Email</label>
                <div class="col-xs-12 col-sm-10">
                    <input type="email" class="form-control input-sm" maxlength="60" value="${user.getEmail()}" id="emailField" placeholder="Your Email" />

                </div>
            </div>
            <div class="form-group">
                <label for="countryDropDown" class="col-xs-12 col-sm-2">Country</label>
                <div class="col-xs-12 col-sm-10">
                    <select class="form-control" id="countryDropDown">
                        <option value="${user.getAddress().getCountry().getIdCountry()}">${user.getAddress().getCountry().getCountryName()}</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label for="addressDropDown" class="col-xs-12 col-sm-2">Address</label>
                <div class="col-xs-12 col-sm-10">
                    <select class="form-control" id="addressDropDown">
                        <option value="${user.getAddress().getId()}">${user.getAddress().getAddress()}</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <button type="button" onclick="onClickCancelUserAccount()" class="btn btn-danger col-xs-12 col-sm-3">Cancel account</button>

            </div>
            <div class="form-group">
                <button type="button" onclick="onClickEditUserAccount()" class="btn btn-primary col-xs-12 col-sm-3">Edit</button>
            </div>
        </form>
    </div>
</div>

<jsp:include page="../pagefooter.jsp"/>
